<nz-card class="drawback-detail">
  <!-- 信息 -->
  <nz-descriptions nzTitle="退税信息" nzSize="small" [nzColumn]="{ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }">
    <nz-descriptions-item nzTitle="申请日期">{{ detailsData.createTime || '-' }}</nz-descriptions-item>
    <nz-descriptions-item nzTitle="提现金额" [nzSpan]="3">{{ detailsData.amount | number: '1.2' }}</nz-descriptions-item>

    <nz-descriptions-item nzTitle="账户名称">
      {{ detailsData.bankName || '-' }}
      <i nz-icon nzType="copy" *ngIf="detailsData.bankName" nzTheme="outline" nz-tooltip nzTooltipTitle="点击复制" class="copy-icon" (click)="copyText(detailsData.bankName)"></i>
    </nz-descriptions-item>

    <nz-descriptions-item nzTitle="银行账号">
      {{ detailsData.bankAccount || '-' }}
      <i nz-icon nzType="copy" *ngIf="detailsData.bankAccount" nzTheme="outline" nz-tooltip nzTooltipTitle="点击复制" class="copy-icon" (click)="copyText(detailsData.bankAccount)"></i>
    </nz-descriptions-item>

    <nz-descriptions-item nzTitle="开户行">
      {{ detailsData.bankAddress || '-' }}
      <i nz-icon nzType="copy" *ngIf="detailsData.bankAddress" nzTheme="outline" nz-tooltip nzTooltipTitle="点击复制" class="copy-icon" (click)="copyText(detailsData.bankAddress)"></i>
    </nz-descriptions-item>

    <nz-descriptions-item nzTitle="电子发票">
      <a nz-button nzType="link" nzSize="small" *ngIf="detailsData.icon; else templateDefult" [href]="detailsData.icon" download target="_blank">下载</a>
      <ng-template #templateDefult>-</ng-template>
    </nz-descriptions-item>

    <nz-descriptions-item nzTitle="审核状态">
      <span [ngStyle]="{'color': detailsData.auditStatus | drawbackState: 'color'}">
        {{ detailsData.auditStatus | drawbackState: 'text' }}
      </span>
    </nz-descriptions-item>

    <nz-descriptions-item nzTitle="审核记录">
      <button nz-button nzType="link" nzSize="small" (click)="openModal()">查看</button>
    </nz-descriptions-item>
  </nz-descriptions>

  <!-- 跟进记录 -->
  <div class="record-wrap">
    <p class="record-p">跟进记录</p>

    <div class="pagination-wrap-position record-table">
      <div class="table-wrap">
        <nz-table
          #modalTable
          nzSize="small"
          nzShowSizeChanger
          nzShowQuickJumper
          nzBordered
          nzHideOnSinglePage
          [nzFrontPagination]="false"
          [nzLoadingDelay]="100"
          [nzLoading]="tableParams.tableLoading"
          [nzData]="tableData"
          [nzPageSizeOptions]="[5, 10, 20, 50, 100]"
          [nzTotal]="tableParams.total"
          [nzPageIndex]="tableParams.page"
          [nzPageSize]="tableParams.pageSize"
          [nzShowTotal]="totalTemplate"
          (nzPageIndexChange)="onPageIndexChange($event)"
          (nzPageSizeChange)="onPageSizeChange($event)"
        >
          <thead>
            <tr>
              <th nzAlign="center">ID</th>
              <th nzAlign="center">跟进时间</th>
              <th nzAlign="center">跟进人</th>
              <th nzAlign="center">跟进内容</th>
            </tr>
          </thead>
  
          <tbody>
            <tr *ngFor="let data of modalTable.data; let index = index;">
              <td nzAlign="center">{{ index + 1 }}</td>
              <td nzAlign="center">{{ data.createTime || '-' }}</td>
              <td nzAlign="center">{{ data.follower || '-' }}</td>
              <td nzAlign="center">{{ data.content || '-' }}</td>
            </tr>
          </tbody>
        </nz-table>
  
        <!-- 分页template -->
        <ng-template #totalTemplate let-total>共有 {{ tableParams.total }} 条</ng-template>
      </div>
    </div>
  </div>
</nz-card>

<!-- 流水记录 START -->
<app-flow-record #flowRecord [changeNo]="detailsData.changeNo"></app-flow-record>
<!-- 流水记录 END -->